<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!--<link rel="stylesheet" type="text/css"  media="screen" href="style/previous/citportal.css" />-->
<link rel="stylesheet" type="text/css"  media="screen, projection" href="style/previous/tutorial1.css" />
<script type="text/javascript">
    function checkAnswer(num)
    {
        var element = document.getElementById('answer');


        if(num==256)
        {
            element.style.border = "1px solid #000";
            element.innerHTML = "You are correct! There are two choices per option: <span style='color: red;'>Selected</span> and ";
            element.innerHTML += "<span style='color: red'>Unselected</span>. <br /><br />Since there are 8 options, with 2 choices each, we have 2 x 2 x 2 x 2 x 2 x 2 x 2 x 2,2<sup>8</sup>, or 256  configurations.";
        }
        else
        {
            element.innerHTML = num + " is not the right answer. <br /><br />To find the answer,count the number of choices for each option and multiply the number of choices from all options together."
        }

    }

    function checkOA(num)
    {
        var element = document.getElementById('answer');

        if(num==4)
        {
            element.innerHTML = "Correct, N = 16, s = 2 for k = 6 columns and s = 4 for k = 3 columns with strength 2.";
        }
        else if(num==1)
        {
            element.innerHTML = "Incorrect, remember that N represents the number of rows";
        }
        else if(num==2)
        {
            element.innerHTML = "Incorrect, how many columns contain just 2 values?";
        }
        else if(num==3)
        {
            element.innerHTML = "Incorrect, look at the values of k and the total number of columns in the Mixed Orthogonal Array";
        }
        else if(num==5)
        {
            element.innerHTML = "Incorrect, remember the index is found by &#955=N/s<sup>t</sup>, what value do you get if t is equal to 3 and s is equal to 4? ";
        }

    }


    function next_step()
    {
        var i = 1;
        var frame = document.getElementById(i);
        document.getElementById('back_float').style.visibility="visible";
        while(frame)
        {
            if(frame.style.display == 'block')
            {
                make_visible = document.getElementById(i + 1);
                if(make_visible)
                {
                    frame.style.display = 'none';
                    make_visible.style.display = 'block';
                }
                i = i + 2;
                frame = document.getElementById(i);
                if(!frame)
                    document.getElementById('forward_float').style.visibility="hidden";
                break;
            }
            i = i + 1; 
            frame = document.getElementById(i);
        }
    }

    function page()
    {
        var i = 1;
        var check = <?php echo $start?>;
        if(check == i){
            var frame = document.getElementById(i);
            make_visible = document.getElementById(check);
            frame.style.display = 'none';
            make_visible.style.display = 'block';
        } 
        else{
            var frame = document.getElementById(i);
            make_visible = document.getElementById(check);
            frame.style.display = 'none';
            make_visible.style.display = 'block';
            document.getElementById('back_float').style.visibility="visible";
        }
    }

    function back_step()
    {
        var i = 1;
        var frame = document.getElementById(i);
        while(frame)
        {
            if(frame.style.display=='block')
            {
                make_visible = document.getElementById(i-1);
                if(make_visible)
                {
                    frame.style.display = 'none';
                    make_visible.style.display = 'block';
                    document.getElementById('forward_float').style.visibility="visible";
                }
                if(i==2) document.getElementById('back_float').style.visibility="hidden";
                break;
            }
            i = i + 1; 
            frame = document.getElementById(i);
        }

    }
</script>
<body onLoad="page( <?php echo $start?>)"> 
    <div id="container">
        <div id="header"><h3>Covering Array Tutorial</h3></div>
        <hr> 
        <div id="box">
            <div class="row">
                <a href="#" class="seven columns" id="back_float"onclick="back_step()" style='text-align: left; visibility:hidden; background-color: rgb(176, 209, 240)'>
                    <h4><i class="icon-left-bold"></i>Previous</h4>
                </a>

                <a href="#" class="seven columns" id="forward_float" onclick="next_step()" style="text-align: right; visibility: visible; background-color: rgb(176, 209, 240)">
                    <h4>Next <i class="icon-right-bold"></i></h4>
                </a>
            </div>
            <!--- box border --> 
            <div id="blc"><div id="brc"> 
                    <div id="tlc"><div id="trc"> 
                            <!--  -->	
                            <div class="rbcontent">

                                <!--Frame 1-->
                                <div id="1" style="display:block;" >
                                    <div id="contentBox_wide_xl"><p>Objectives. </p></div>
                                    <div id="contentBox"><p>Expanding upon the concept of
                                            Orthogonal Arrays are Covering Arrays. <br /><br /> This Tutorial will give a
                                            quick introduction to what covering arrays are.</p></div>
                                    <div id="contentBox"><p> Goals:<br /> <br />1. Understand
                                            what Covering Arrays are <br /><br /> 2. Learn how Covering
                                            Arrays can be expanded into Sequence Covering Arrays.</p></div>
                                </div>

                                <!--Frame 2-->
                                <div id="2" style="display:none;" >
                                    <div id="contentBox_wide"><p>Not every combination of
                                            variables and values has a corresponding Orthogonal array.  In
                                            addition because there is no single unified method to generate
                                            Orthogonal Arrays they are not always easy to construct
                                            <br /> <br /> Worst of all Orthogonal arrays can be larger then
                                            necessary because of their requirement that each pair of inputs
                                            occur the same number of times.</p></div>
                                    <div id="contentBox"><p>  By relaxing that rule you can
                                            create Covering Arrays.  Covering arrays are easier to
                                            construct and can be smaller then Orthogonal Arrays while still testing as
                                            much.</p></div>
                                    <div id="contentBox"><p>Let's start with a basic example.</p></div>  
                                </div>

                                <!-- Frame 3 -->
                                <div id="3" style="display: none;">
                                    <div id="contentBox_wide_xl"><p> OA(8,7,2,2) </p></div><br />
                                    <table style ='width:60%;  margin-left:20%'><tbody><tr>
                                                <td><div id="contentBox_OA"><p>First up a demonstration on the difference
                                                            between Covering Arrays and Orthogonal Arrays. <br /><br /> If this was to be converted into a software test
                                                            there would be 8 tests with 7 parameters having two values each and
                                                            all combinations of 2 parameters would be tested together.</p></div></td>
                                                <td><?php echo OA1(); ?></td>
                                            </tr></tbody></table>
                                </div>

                                <!-- Frame 4 -->
                                <div id="4" style="display: none;">
                                    <div id="contentBox_wide_xl"><p> CA(6,7,2) </p></div><br />
                                    <table style ='width:60%;  margin-left:20%'><tbody><tr>
                                                <td><div id="contentBox_OA"><p>Now if each pair doesn't have to
                                                            occur the same number of times but given the same 7 parameters having
                                                            two values each this Covering Array can be created. <br /><br />
                                                            Note that the CA is testing all combinations of two parameters
                                                            but doing it in only 6 tests, not 8.</p></div></td>
                                                <td><?php echo CA1(); ?></td>
                                            </tr></tbody></table>
                                </div>

                                <!-- Frame 5 --> 
                                <div id="5" style="display: none;">
                                    <div id="contentBox_wide"> <p>Here the first two
                                            variables are highlighted.  Notice how the pairs <span style="color: red;">(0,1)</span> and <span style="color: red;">(1,0)</span> occur
                                            twice in the Orthogonal Array but only occur once in the Covering Array.</p> </div><br />
                                    <table style ='width:50%;  margin-left:20%'><tbody><tr>
                                                <td><?php echo OA2(); ?></td>
                                                <td><?php echo CA2(); ?></td>
                                            </tr></tbody></table>
                                </div>

                                <!--Frame 6-->
                                <div id="6" style="display:none;" >
                                    <div id="contentBox_wide"><p>One of the largest benifits
                                            of Covering Arrays comes when dealing with
                                            constraints. As constraints are added onto a problem it becomes
                                            increasing difficult to map the problem to something as strict
                                            as an Orthogonal Array. <br /> <br /> Covering arrays, on the
                                            other hand, can be adjusted much easier.</p></div>
                                    <div id="contentBox"><p>Take a look at the
                                            tutorial on constraints in combinatorics <a href="constraintTutorial.php?start=1">here</a> to get a
                                            better idea of what they are and how they works.</p></div>
                                    <div id="contentBox"><p>Let's see how else Covering
                                            Arrays can be used to generate tests.</p></div>  
                                </div>

                                <!--Frame 7-->
                                <div id="7" style="display:none;" >
                                    <div id="contentBox_wide"><p>There are times when
                                            when some components are especially interconnected.  Because of this it might be a
                                            good idea to focus additional testing on these components.<br />
                                            <br /> For these situations use a Variable Strength
                                            Covering Array.</p></div>
                                    <div id="contentBox"><p>Denoted by <span style="color: red;">VCA(N; t, k, s(C))</span>
                                            where <span style="color: red;">C</span> represents a vector of covering arrays each of strength
                                            > <span style="color: red;">t</span> defined on a subset of the <span style="color: red;">k</span> columns.</p></div>
                                    <div id="contentBox"><p>A simple example will illustrate
                                            this concept.</p></div>  
                                </div>


                                <!-- Frame 8 -->
                                <div id="8" style="display: none;">
                                    <div id="contentBox_wide_xl"><p> A Camera configuration </p></div><br />
                                    <table style ='width:60%;  margin-left:20%'><tbody><tr>
                                                <td><div id="contentBox_OA"><p>Here is an example of some
                                                            camera configuration parameters. <br /><br />
                                                            Let's see how these tests look set up by a covering array.</p></div></td>
                                                <td><?php echo cameraConfig1(); ?></td>
                                            </tr></tbody></table>
                                </div>

                                <!-- Frame 9 -->
                                <div id="9" style="display: none;">
                                    <div id="contentBox_wide_xl"><p> A CA(5,2,4,2) </p></div><br />
                                    <table style ='width:70%;  margin-left:12%'><tbody><tr>
                                                <td><div id="contentBox_OA"><p> These 5 tests cover all
                                                            pairwise combinations. <br /><br />  Now let's increase the strength
                                                            of these tests and look at all 3-way combinations of parameters.
                                                            But what if one of the parameters, let's say 
                                                            column 4 (<span style="color: red;">Touch</span> and <span style="color: red;">Regular</span>) 
                                                            has very little impact on the other 3?  </p></div></td>
                                                <td><?php echo CA3(); ?></td>
                                            </tr></tbody></table>
                                </div>

                                <!-- Frame 10 -->
                                <div id="10" style="display: none;">
                                    <div id="contentBox_wide_xl"><p> A CA(5,2,4,2) </p></div><br />
                                    <table style ='width:70%;  margin-left:12%'><tbody><tr>
                                                <td><div id="contentBox_OA"><p> By focusing on the parameters
                                                            more likely to affect each other you can create more useful
                                                            tests. <br /><br /> In this case it means increasing the strength
                                                            on the subarray covering the first, second and fourth parameters.  </p></div></td>
                                                <td><?php echo CA4(); ?></td>
                                            </tr></tbody></table>
                                </div>

                                <!-- Frame 11 -->
                                <div id="11" style="display: none;">
                                    <div id="contentBox_wide_xl"><p> A VCA(8,2,4,2(CA(N,3,3,2)) </p></div><br />
                                    <table style ='width:70%;  margin-left:12%'><tbody><tr>
                                                <td><div id="contentBox_OA"><p> Here is an example of a Variable
                                                            Strength Covering Array. <br /><br />  These 8 tests
                                                            will check 3-way combinations for the first, second and fourth
                                                            parameters while only checking pairwise combinations for the third parameter.  </p></div></td>
                                                <td><?php echo VCA1(); ?></td>
                                            </tr></tbody></table>
                                </div>

                                <!-- Frame 12 -->
                                <div id="12" style="display: none;">
                                    <div id="contentBox_wide_xl"><p> A VCA(8,2,4,2(CA(N,3,3,2)) </p></div><br />
                                    <table style ='width:70%;  margin-left:12%'><tbody><tr>
                                                <td><div id="contentBox_OA"><p> Variable Strength Covering
                                                            Arrays can be used to design tests for complicated systems that focus in
                                                            on the areas most likely to experience failure. <br /><br /> This
                                                            gives even further freedom when designing tests though it does
                                                            require greater knowledge about the system.  </p></div></td>
                                                <td><?php echo VCA1(); ?></td>
                                            </tr></tbody></table>
                                </div>

                                <!--Frame 13-->
                                <div id="13" style="display:none;" >
                                    <div id="contentBox_wide_xl"><p>Recap. </p></div>
                                    <div id="contentBox" style="width: 100%"><p>Covering arrays work extremely
                                            well in software testing and are much easier to create then
                                            Orthogonal Arrays. <br /><br />
                                            This often makes them the best choice for Combinatorial
                                            Interaction Testing.</p>
                                    </div>
                                </div>
                                <div style="clear: both;"></div>
                            </div></div></div></div>
            </div>

            <div style="clear:none;"></div>
        </div>
</body>

</html>

<?php

function OA1() {
    $html = "<div id='table_tutorial_two' style='width: 60%; margin-left: 20%;'>
       <table class='max'>
               <tbody>
                   <tr>
                       <td>0</td>
                       <td>0</td>
                       <td>0</td>
		       <td>0</td>
		       <td>0</td>
                       <td>0</td>
		       <td>0</td>
                   </tr>
		   <tr>
                       <td>0</td>
                       <td>0</td>
                       <td>0</td>
		       <td>1</td>
		       <td>1</td>
                       <td>1</td>
		       <td>1</td>
                   </tr>
		   <tr>
                       <td>0</td>
                       <td>1</td>
                       <td>1</td>
		       <td>0</td>
		       <td>0</td>
                       <td>1</td>
		       <td>1</td>
                   </tr>
		   <tr>
                       <td>0</td>
                       <td>1</td>
                       <td>1</td>
		       <td>1</td>
		       <td>1</td>
                       <td>0</td>
		       <td>0</td>
                   </tr>
		   <tr>
                       <td>1</td>
                       <td>0</td>
                       <td>1</td>
		       <td>0</td>
		       <td>1</td>
                       <td>0</td>
		       <td>1</td>
                   </tr>
		   <tr>
                       <td>1</td>
                       <td>0</td>
                       <td>1</td>
		       <td>1</td>
		       <td>0</td>
                       <td>1</td>
		       <td>0</td>
                   </tr>
		   <tr>
                       <td>1</td>
                       <td>1</td>
                       <td>0</td>
		       <td>0</td>
		       <td>1</td>
                       <td>1</td>
		       <td>0</td>
                   </tr>
		   <tr>
                       <td>1</td>
                       <td>1</td>
                       <td>0</td>
		       <td>1</td>
		       <td>0</td>
                       <td>0</td>
		       <td>1</td>
                   </tr>
               </tbody>
           </table>

   </div>";
    return $html;
}

function CA1() {
    $html = "<div id='table_tutorial_two' style='width: 60%; margin-left: 20%;'>
       <table class='max'>
               <tbody>
                   <tr>
                       <td>0</td>
                       <td>0</td>
                       <td>0</td>
		       <td>0</td>
		       <td>0</td>
                       <td>0</td>
		       <td>0</td>
                   </tr>
		   <tr>
                       <td>0</td>
                       <td>0</td>
                       <td>1</td>
		       <td>1</td>
		       <td>1</td>
                       <td>0</td>
		       <td>1</td>
                   </tr>
		   <tr>
                       <td>0</td>
                       <td>1</td>
                       <td>0</td>
		       <td>1</td>
		       <td>0</td>
                       <td>1</td>
		       <td>1</td>
                   </tr>
		   <tr>
                       <td>1</td>
                       <td>0</td>
                       <td>0</td>
		       <td>0</td>
		       <td>1</td>
                       <td>1</td>
		       <td>1</td>
                   </tr>
		   <tr>
                       <td>1</td>
                       <td>1</td>
                       <td>1</td>
		       <td>0</td>
		       <td>0</td>
                       <td>0</td>
		       <td>1</td>
                   </tr>
		   
		   <tr>
                       <td>1</td>
                       <td>1</td>
                       <td>1</td>
		       <td>1</td>
		       <td>1</td>
                       <td>1</td>
		       <td>0</td>
                   </tr>
               </tbody>
           </table>

   </div>";
    return $html;
}

function OA2() {
    $html = "<div id='table_tutorial_two' style='width: 60%; margin-left: 20%;'>
       <table class='max'>
               <tbody>
		 <tr>
                       <td><img src='public/tutorials/images/green_down_cb.bmp'/></td>
                       <td><img src='public/tutorials/images/green_down_cb.bmp'/></td>
                       <td></td>
		       <td></td>
		       <td></td>
                       <td></td>
		       <td></td>
                   </tr>
                   <tr>
                       <td style='background-color:gold;'>0</td>
                       <td style='background-color:gold;'>0</td>
                       <td>0</td>
		       <td>0</td>
		       <td>0</td>
                       <td>0</td>
		       <td>0</td>
                   </tr>
		   <tr>
                       <td style='background-color:gold;'>0</td>
                       <td style='background-color:gold;'>0</td>
                       <td>0</td>
		       <td>1</td>
		       <td>1</td>
                       <td>1</td>
		       <td>1</td>
                   </tr>
		   <tr>
                       <td style='background-color:royalblue;'>0</td>
                       <td style='background-color:royalblue;'>1</td>
                       <td>1</td>
		       <td>0</td>
		       <td>0</td>
                       <td>1</td>
		       <td>1</td>
                   </tr>
		   <tr>
                       <td style='background-color:royalblue;'>0</td>
                       <td style='background-color:royalblue;'>1</td>
                       <td>1</td>
		       <td>1</td>
		       <td>1</td>
                       <td>0</td>
		       <td>0</td>
                   </tr>
		   <tr>
                       <td style='background-color:lightgreen;'>1</td>
                       <td style='background-color:lightgreen;'>0</td>
                       <td>1</td>
		       <td>0</td>
		       <td>1</td>
                       <td>0</td>
		       <td>1</td>
                   </tr>
		   <tr>
                       <td style='background-color:lightgreen;'>1</td>
                       <td style='background-color:lightgreen;'>0</td>
                       <td>1</td>
		       <td>1</td>
		       <td>0</td>
                       <td>1</td>
		       <td>0</td>
                   </tr>
		   <tr>
                       <td style='background-color:orangered;'>1</td>
                       <td style='background-color:orangered;'>1</td>
                       <td>0</td>
		       <td>0</td>
		       <td>1</td>
                       <td>1</td>
		       <td>0</td>
                   </tr>
		   <tr>
                       <td style='background-color:orangered;'>1</td>
                       <td style='background-color:orangered;'>1</td>
                       <td>0</td>
		       <td>1</td>
		       <td>0</td>
                       <td>0</td>
		       <td>1</td>
                   </tr>
               </tbody>
           </table>

   </div>";
    return $html;
}

function CA2() {
    $html = "<div id='table_tutorial_two' style='width: 60%; margin-left: 20%;'>
       <table class='max'>
               <tbody>
                   <tr>
                       <td><img src='public/tutorials/images/green_down_cb.bmp'/></td>
                       <td><img src='public/tutorials/images/green_down_cb.bmp'/></td>
                       <td></td>
		       <td></td>
		       <td></td>
                       <td></td>
		       <td></td>
                   </tr>
                   <tr>
                       <td style='background-color:gold;'>0</td>
                       <td style='background-color:gold;'>0</td>
                       <td>0</td>
		       <td>0</td>
		       <td>0</td>
                       <td>0</td>
		       <td>0</td>
                   </tr>
		   <tr>
                       <td style='background-color:gold;'>0</td>
                       <td style='background-color:gold;'>0</td>
                       <td>1</td>
		       <td>1</td>
		       <td>1</td>
                       <td>0</td>
		       <td>1</td>
                   </tr>
		   <tr>
                       <td style='background-color:royalblue;'>0</td>
                       <td style='background-color:royalblue;'>1</td>
                       <td>0</td>
		       <td>1</td>
		       <td>0</td>
                       <td>1</td>
		       <td>1</td>
	           </tr>
		   <tr>
                       <td style='background-color:lightgreen;'>1</td>
                       <td style='background-color:lightgreen;'>0</td>
                       <td>0</td>
		       <td>0</td>
		       <td>1</td>
                       <td>1</td>
		       <td>1</td>
                   </tr>
		   <tr>
                       <td style='background-color:orangered;'>1</td>
                       <td style='background-color:orangered;'>1</td>
                       <td>1</td>
		       <td>0</td>
		       <td>0</td>
                       <td>0</td>
		       <td>1</td>
                   </tr>
		   <tr>
                       <td style='background-color:orangered;'>1</td>
                       <td style='background-color:orangered;'>1</td>
                       <td>1</td>
		       <td>1</td>
		       <td>1</td>
                       <td>1</td>
		       <td>0</td>
                   </tr>
               </tbody>
           </table>

   </div>";
    return $html;
}

function cameraConfig1() {

    $html = "<div id='form_tutorial_three'>
           <br /><span id='title_form_tutorial_three'>Color";

    $html = $html . "</span><br /><br />
              <span><select name='frame4content'>
                  <option>Black and White</option>
                  <option>Full Color</option>
             </select>";


    $html = $html . "</span><br /><br />
                <span id='title_form_tutorial_three'>Zoom";

    $html = $html . "</span><br /><br />
              <span><select name='cookies'>
                  <option>Digital</option>
                 <option>Manual</option>
             </select>";

    $html = $html . "</span><br /><br />
                <span id='title_form_tutorial_three'>Viewing Screen";

    $html = $html . "</span><br /><br />
              <span><select name='cookies'>
                  <option>Regular</option>
		    <option>Touch</option>
             </select>";

    $html = $html . "</span><br /><br />
                <span id='title_form_tutorial_three'>Quality";

    $html = $html . "</span><br /><br />
              <span><select name='cookies'>
                  <option>Basic</option>
                 <option>HD</option>
             </select>";

    $html = $html . "</span>
                <br /><br /><span id='buttons_tutorial_three'><input
                type='hidden' value='Cancel' name='frame4_cancel' />
	     <input type='hidden' value='Submit' name='frame4_submit' /></span>
         </div>";
    return $html;
}

function CA3() {
    $html = "<div id='table_tutorial_two' style='width: 100%; margin-left: 20%;'>
       <table class='max_xl'>
               <tbody>
                   <tr>
                       <td>Black and White</td>
                       <td>Manual</td>
                       <td>Touch</td>
		       <td>HD</td>
                   </tr>
		   <tr>
                       <td>Full Color</td>
                       <td>Digital</td>
                       <td>Touch</td>
		       <td>HD</td>
                   </tr>
		   <tr>
                       <td>Black and White</td>
                       <td>Digital</td>
                       <td>Touch</td>
		       <td>Basic</td>
                   </tr>
		   <tr>
                       <td>Full Color</td>
                       <td>Manual</td>
                       <td>Regular</td>
		       <td>Basic</td>
                   </tr>
		   <tr>
                       <td>Black and White</td>
                       <td>Digital</td>
                       <td>Regular</td>
		       <td>HD</td>
                   </tr>
               </tbody>
           </table>

   </div>";
    return $html;
}

function CA4() {
    $html = "<div id='table_tutorial_two' style='width: 100%; margin-left: 20%;'>
       <table class='max_xl'>
               <tbody>
		 <tr>
                       <td><img src='public/tutorials/images/green_down_cb.bmp'/></td>
                       <td><img src='public/tutorials/images/green_down_cb.bmp'/></td>
                       <td></td>
		       <td><img src='public/tutorials/images/green_down_cb.bmp'/></td>
                   </tr>
                   <tr>
                       <td>Black and White</td>
                       <td>Manual</td>
                       <td>Touch</td>
		       <td>HD</td>
                   </tr>
		   <tr>
                       <td>Full Color</td>
                       <td>Digital</td>
                       <td>Touch</td>
		       <td>HD</td>
                   </tr>
		   <tr>
                       <td>Black and White</td>
                       <td>Digital</td>
                       <td>Touch</td>
		       <td>Basic</td>
                   </tr>
		   <tr>
                       <td>Full Color</td>
                       <td>Manual</td>
                       <td>Regular</td>
		       <td>Basic</td>
                   </tr>
		   <tr>
                       <td>Black and White</td>
                       <td>Digital</td>
                       <td>Regular</td>
		       <td>HD</td>
                   </tr>
               </tbody>
           </table>

   </div>";
    return $html;
}

function VCA1() {
    $html = "<div id='table_tutorial_two' style='width: 100%; margin-left: 20%;'>
       <table class='max_xl'>
               <tbody>
                   <tr>
                       <td>Black and White</td>
                       <td>Manual</td>
                       <td>Touch</td>
		       <td>HD</td>
                   </tr>
		   <tr>
                       <td>Full Color</td>
                       <td>Digital</td>
                       <td>Touch</td>
		       <td>HD</td>
                   </tr>
		   <tr>
                       <td>Black and White</td>
                       <td>Digital</td>
                       <td>Touch</td>
		       <td>Basic</td>
                   </tr>
		   <tr>
                       <td>Full Color</td>
                       <td>Manual</td>
                       <td>Regular</td>
		       <td>Basic</td>
                   </tr>
		   <tr>
                       <td>Black and White</td>
                       <td>Digital</td>
                       <td>Regular</td>
		       <td>HD</td>
                   </tr>
		   <tr>
                       <td>Black and White</td>
                       <td>Manual</td>
                       <td>Regular</td>
		       <td>Basic</td>
                   </tr>
		   <tr>
                       <td>Full Color</td>
                       <td>Digital</td>
                       <td>Touch</td>
		       <td>Basic</td>
                   </tr>
		   <tr>
                       <td>Full Color</td>
                       <td>Manual</td>
                       <td>Regular</td>
		       <td>HD</td>
                   </tr>
               </tbody>
           </table>

   </div>";
    return $html;
}